<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="bg-[#454545] relative">
      <div
        class="flex justify-start items-start flex-col gap-[30px] p-[20px] bg-[#FFFFFF] rounded-xl absolute"
        style="left: 203px; width: 585px; top: 150px; height: 393px">
        <div
          class="flex self-stretch justify-start items-center flex-row gap-5 px-[20px] bg-[#FF8336] rounded-xl h-[91px]">
          <div
            class="flex flex-wrap justify-center items-center flex-row gap-x-[30px] bg-[#FF4545] rounded-[168px] w-[50px] h-[50px]"
            style="width: 50px">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              fill="none"
              version="1.1"
              width="24"
              height="24"
              viewBox="0 0 24 24">
              <defs>
                <clipPath id="master_svg0_2_985">
                  <rect x="0" y="0" width="24" height="24" rx="0" />
                </clipPath>
              </defs>
              <g clip-path="url(#master_svg0_2_985)">
                <g>
                  <path
                    d="M6.58579,4L3,4Q1,4,1,6L1,20Q1,22,3,22L21,22Q23,22,23,20L23,6Q23,4,21,4L17.4142,4L15.4142,2L8.58579,2L6.58579,4ZM3,6L7.41421,6L7.70711,5.70711L9.41421,4L14.5858,4L16.5858,6L21,6L21,20L12,20Q14.8995,20,16.9497,17.9497Q19,15.8995,19,13Q19,10.1005,16.9497,8.05025Q14.8995,6,12,6Q9.1005,6,7.05025,8.05025Q5,10.1005,5,13Q5,15.8995,7.05025,17.9497Q9.1005,20,12,20L3,20L3,6ZM15.5355,16.5355Q16.4394,15.6317,16.7854,14.4967Q16.4394,15.6317,15.5355,16.5355Q14.7892,17.2819,13.8853,17.6478Q14.7892,17.2818,15.5355,16.5355ZM8.464459999999999,9.46448Q7.73223,10.19672,7.36612,11.0806Q7.73223,10.1967,8.46447,9.46447Q9.16319,8.765740000000001,10,8.40039Q9.16319,8.76575,8.464459999999999,9.46448ZM15.5355,9.46448Q14.6202,8.54918,13.468,8.20594Q14.6202,8.54917,15.5355,9.46447Q16.3442,10.2731,16.7063,11.26668Q16.3442,10.273119999999999,15.5355,9.46448ZM14.1213,10.878689999999999Q15,11.75739,15,13Q15,14.2426,14.1213,15.1213Q13.2426,16,12,16Q10.75737,16,9.87868,15.1213Q9,14.2426,9,13Q9,11.75738,9.87868,10.878689999999999Q10.75737,10,12,10Q13.2426,10,14.1213,10.878689999999999Z"
                    fill-rule="evenodd"
                    fill="#FFFFFF"
                    fill-opacity="1" />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="flex flex-1 justify-start items-start flex-col gap-2.5 p-2.5">
            <span class="text-[#DB2424] text-2xl font-['Source_Han_Sans']">
              图片
            </span>
          </div>
        </div>
        <div
          class="flex self-stretch justify-start items-center flex-row gap-5 px-[20px] bg-[#60AAEF] rounded-xl h-[91px]">
          <div
            class="flex flex-wrap justify-center items-center flex-row gap-x-2.5 p-2.5 bg-[#3172F3] rounded-[168px] w-[50px] h-[50px]"
            style="width: 50px">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              fill="none"
              version="1.1"
              width="24"
              height="24"
              viewBox="0 0 24 24">
              <defs>
                <clipPath id="master_svg0_5_71">
                  <rect x="0" y="0" width="24" height="24" rx="0" />
                </clipPath>
              </defs>
              <g clip-path="url(#master_svg0_5_71)">
                <g>
                  <path
                    d="M3.78307,2.82598L12,1L20.2169,2.82598C20.6745,2.92766,21,3.33347,21,3.80217L21,13.7889C21,15.795,19.9974,17.6684,18.328200000000002,18.7812L12,23L5.6718,18.7812C4.00261,17.6684,3,15.795,3,13.7889L3,3.80217C3,3.33347,3.32553,2.92766,3.78307,2.82598ZM12,13.5L14.9389,15.0451L14.3776,11.7725L16.7553,9.45492L13.4695,8.97746L12,6L10.5305,8.97746L7.24472,9.45492L9.62236,11.7725L9.06107,15.0451L12,13.5Z"
                    fill="#FFFFFF"
                    fill-opacity="1"
                    style="mix-blend-mode:passthrough" />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="flex flex-1 justify-start items-start flex-col gap-2.5 p-2.5">
            <span class="text-[#043E62] text-2xl font-['Source_Han_Sans']">
              奖励
            </span>
          </div>
        </div>
        <div
          class="flex self-stretch justify-start items-center flex-row gap-5 px-[20px] bg-[#9FF682] rounded-xl h-[91px]">
          <div
            class="flex flex-wrap justify-center items-center flex-row p-3 bg-[#2FC036] rounded-[168px]">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              fill="none"
              version="1.1"
              width="24"
              height="24"
              viewBox="0 0 24 24">
              <defs>
                <clipPath id="master_svg0_5_75">
                  <rect x="0" y="0" width="24" height="24" rx="0" />
                </clipPath>
              </defs>
              <g clip-path="url(#master_svg0_5_75)">
                <g>
                  <path
                    d="M9,1L9,3L15,3L15,1L17,1L17,3L21,3C21.5523,3,22,3.44772,22,4L22,20C22,20.5523,21.5523,21,21,21L3,21C2.44772,21,2,20.5523,2,20L2,4C2,3.44772,2.44772,3,3,3L7,3L7,1L9,1ZM20,8L4,8L4,19L20,19L20,8ZM15.0355,10.136L16.4497,11.5503L11.5,16.5L7.96447,12.9645L9.37868,11.5503L11.5,13.6716L15.0355,10.136Z"
                    fill="#FFFFFF"
                    fill-opacity="1"
                    style="mix-blend-mode:passthrough" />
                </g>
              </g>
            </svg>
          </div>
          <div
            class="flex flex-1 justify-start items-start flex-col gap-2.5 p-2.5">
            <span class="text-[#066F11] text-2xl font-['Source_Han_Sans']">
              日程
            </span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
